﻿.scrollbar {
	width: 100%;
	position: fixed;
	top: 50px;
	bottom: 0px;
	height: auto;
	background: #21282c;
	overflow: hidden;
	margin-top:-50px
}
/* 内页头部导航 */
.header{height:50px; font-size:18px; line-height:50px; position:relative; z-index:2;text-align:center; color:#ffffff;  overflow:hidden; margin-top:-60px; /*border-bottom:1px solid rgba(0,0,0,0.19);*/}
		  
.isStuck{left:0px; width:100%;}
.header a{width:50px; height:50px;  position:absolute; color:#fff; font-weight:normal; overflow:hidden;}
.header .icon-reply{
	left:0;
	font-size:20px;
	padding-top:16px;
	height:34px !important;
	color:#333;
	background-image: url(../images/fanhui1.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.header .icon-reply:active{
	color:#fff !important;
	background-color: #007F76;
	background-image: url(../images/fanhui1.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.header .nav_button_2{background-image:url(../images/deploy-nav.png); background-size:30px 20px; background-repeat:no-repeat; background-position:20px 20px; padding-left:20px; font-size:14px; right:0;}
.header .active{right:0px; background-image:url(../images/delete-nav.png); background-size:30px 20px; background-repeat:no-repeat;background-position:0px 16px;padding-left:20px; font-size:14px;  line-height:50px !important; text-indent:0 !important;}
.header em{ display:block; width:95% !important; position:absolute; padding:0 60px; text-align:left; color:#000; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; z-index:-1; top:0;}


.header .nav_button_2 .icon-reorder{ display:block; color:#333;font-size: 24px; margin-right:20px; height:18px; width:20px; text-align:center;}
.header .nav_button_2 .moren_1{ display:block; padding:13px 25px 19px;}
.header .nav_button_2 .xuanze{ display:none;}

.header .active .moren_1{ display:none;}
.header .active .xuanze{ display:block;}
.header .active .icon-remove-sign{font-size: 22px !important; margin-top:13px; margin-left:5px; float:left; width:23px; height:23px; vertical-align:middle}








.nav_search_box{width:100%; height:30px; padding:20px 0;}
.search_box{
	width:90%;
	margin:0 5%;
	overflow:hidden;
	background-size:18px 17px;
	background-color:rgba(60,67,70,1);
	height:40px;
	color:#707d82;
	background-image: url(../images/icon-search.png);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}
.search_box input{display:block; float:left; height:40px; -webkit-appearance:none;font-size:14px; }
.search_box input.nav_search{background-color:rgba(60,67,70,1);  outline:0; color:#fff; width:70%; padding:10px 2% 10px 0; margin-left:25px; height:20px !important; line-height:20px !important; outline:none;}

.nav_search_box .nav_button{background:#434c51; font-size:14px; text-align:center; width:20%; height:40px; height:40px; line-height:30px; color:#afc4cd;-webkit-appearance:none; float:right !important;}
.nav_search_box .nav_button:active, .nav_search_box .nav_button:hover{background:#007F76;-webkit-appearance:none;}

















/* General styles for all menus */
.cbp-spmenu{position:absolute;display:table; padding-bottom:20px; }
.cbp-spmenu a{display: block; color: #fff;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-horizontal{width:100%; height:auto; left:0; margin-top:-1px; z-index:2;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{ display:none; }
.cbp-spmenu-top.cbp-spmenu-open{top:50px; /*padding-bottom:20px;*/ display:block !important}
/* Push classes applied to the body 
.cbp-spmenu-push{overflow-x: hidden; position: relative; left: 0; }
.cbp-spmenu-push-toright{left: 240px; }
.cbp-spmenu-push-toleft{left: -240px; }*/
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
/* Example media queries */


.miannav_n{width:100%; display:table; padding:0;}
.miannav_n{ margin-left:-20px}
.miannav_n li{display:table-row; width:50%; float:left; text-align:center;}
.miannav_n li:nth-child(2n+2){float:right; }
.miannav_n li a{background:#2e363a; overflow:hidden; display:inline-table; width:99%; height:35px; padding:0; color:#afc4cd; font-size:0.875em; line-height:1.5em; vertical-align:middle; overflow:hidden; margin:2% 1% 2% 0;padding-top:15px}
.miannav_n li a:hover{background:#21282c; color:#fff;}
.miannav_n li:nth-child(2n+2) a{ margin:2% 0 2% 1% !important}
.miannav_n li a span{text-align:center; clear:both; margin:auto; width:90%; padding:0 5%; display:table-cell; overflow:hidden; vertical-align:middle;  height:40px; overflow:hidden !important; /*position:relative; left: 0; bottom: 0; right: 0;top:0; */}
.nav_editor{ width:90%; margin:0 5% 20px; display:block; height:40px; margin-top:50px}
.nav_editor a{ display:block; float:left; width:140px; height:40px; line-height:40px; border-radius:30px; background:#45A841; color:#fff; background-clip: padding-box; font-size:0.875em; text-align:center;}
.nav_editor a:nth-child(2n+2){float:right;}
.nav_editor a i{margin-right:5px;}